document.writeln("<div class=\'header-section\'>");
document.writeln("");
document.writeln("            <a class=\'toggle-btn\'><i class=\'fa fa-bars\'></i></a>");
document.writeln("");
document.writeln("            <form class=\'searchform\'>");
document.writeln("                <input type=\'text\' class=\'form-control\' name=\'keyword\' placeholder=\'Search here...\' />");
document.writeln("            </form>");
document.writeln("");
document.writeln("            <!--notification menu start -->");
document.writeln("            <div class=\'menu-right\'>");
document.writeln("                <ul class=\'notification-menu\'>");
document.writeln("                    <li>");
document.writeln("                        <a href=\'#\' class=\'btn btn-default dropdown-toggle info-number\' data-toggle=\'dropdown\'>");
document.writeln("                            <i class=\'fa fa-tasks\'></i>");
document.writeln("                            <span class=\'badge\'>8</span>");
document.writeln("                        </a>");
document.writeln("                        <div class=\'dropdown-menu dropdown-menu-head pull-right\'>");
document.writeln("                            <h5 class=\'title\'>You have 8 pending task</h5>");
document.writeln("                            <ul class=\'dropdown-list\'>");
document.writeln("                            <li class=\'notification-scroll-list notification-list \'>");
document.writeln("                               <!-- list item-->");
document.writeln("                               <a href=\'javascript:void(0);\' class=\'list-group-item\'>");
document.writeln("                                  <div class=\'media\'>");
document.writeln("                                     <div class=\'pull-left p-r-10\'>");
document.writeln("                                        <em class=\'fa  fa-shopping-cart noti-primary\'></em>");
document.writeln("                                     </div>");
document.writeln("                                     <div class=\'media-body\'>");
document.writeln("                                        <h5 class=\'media-heading\'>A new order has been placed.</h5>");
document.writeln("                                        <p class=\'m-0\'>");
document.writeln("                                            <small>29 min ago</small>");
document.writeln("                                        </p>");
document.writeln("                                     </div>");
document.writeln("                                  </div>");
document.writeln("                               </a>");
document.writeln("                    ");
document.writeln("                               <!-- list item-->");
document.writeln("                               <a href=\'javascript:void(0);\' class=\'list-group-item\'>");
document.writeln("                                  <div class=\'media\'>");
document.writeln("                                     <div class=\'pull-left p-r-10\'>");
document.writeln("                                        <em class=\'fa fa-check noti-success\'></em>");
document.writeln("                                     </div>");
document.writeln("                                     <div class=\'media-body\'>");
document.writeln("                                        <h5 class=\'media-heading\'>Databse backup is complete</h5>");
document.writeln("                                        <p class=\'m-0\'>");
document.writeln("                                            <small>12 min ago</small>");
document.writeln("                                        </p>");
document.writeln("                                     </div>");
document.writeln("                                  </div>");
document.writeln("                               </a>");
document.writeln("                    ");
document.writeln("                               <!-- list item-->");
document.writeln("                               <a href=\'javascript:void(0);\' class=\'list-group-item\'>");
document.writeln("                                  <div class=\'media\'>");
document.writeln("                                     <div class=\'pull-left p-r-10\'>");
document.writeln("                                        <em class=\'fa fa-user-plus noti-info\'></em>");
document.writeln("                                     </div>");
document.writeln("                                     <div class=\'media-body\'>");
document.writeln("                                        <h5 class=\'media-heading\'>New user registered</h5>");
document.writeln("                                        <p class=\'m-0\'>");
document.writeln("                                             <small>17 min ago</small>");
document.writeln("                                        </p>");
document.writeln("                                     </div>");
document.writeln("                                  </div>");
document.writeln("                               </a>");
document.writeln("                    ");
document.writeln("                                <!-- list item-->");
document.writeln("                               <a href=\'javascript:void(0);\' class=\'list-group-item\'>");
document.writeln("                                  <div class=\'media\'>");
document.writeln("                                     <div class=\'pull-left p-r-10\'>");
document.writeln("                                        <em class=\'fa fa-diamond noti-danger\'></em>");
document.writeln("                                     </div>");
document.writeln("                                     <div class=\'media-body\'>");
document.writeln("                                        <h5 class=\'media-heading\'>Database error.</h5>");
document.writeln("                                        <p class=\'m-0\'>");
document.writeln("                                             <small>11 min ago</small>");
document.writeln("                                        </p>");
document.writeln("                                     </div>");
document.writeln("                                  </div>");
document.writeln("                               </a>");
document.writeln("                    ");
document.writeln("                               <!-- list item-->");
document.writeln("                               <a href=\'javascript:void(0);\' class=\'list-group-item\'>");
document.writeln("                                  <div class=\'media\'>");
document.writeln("                                     <div class=\'pull-left p-r-10\'>");
document.writeln("                                        <em class=\'fa fa-cog noti-warning\'></em>");
document.writeln("                                     </div>");
document.writeln("                                     <div class=\'media-body\'>");
document.writeln("                                        <h5 class=\'media-heading\'>New settings</h5>");
document.writeln("                                        <p class=\'m-0\'>");
document.writeln("                                             <small>18 min ago</small>");
document.writeln("                                        </p>");
document.writeln("                                     </div>");
document.writeln("                                  </div>");
document.writeln("                               </a>");
document.writeln("                             </li>");
document.writeln("                             <li class=\'last\'> <a href=\'#\'>View all notifications</a> </li>");
document.writeln("							</ul>");
document.writeln("                        </div>");
document.writeln("                    </li>");
document.writeln("                    ");
document.writeln("                    <li>");
document.writeln("                        <a href=\'#\' class=\'btn btn-default dropdown-toggle info-number\' data-toggle=\'dropdown\'>");
document.writeln("                            <i class=\'fa fa-bell-o\'></i>");
document.writeln("                            <span class=\'badge\'>4</span>");
document.writeln("                        </a>");
document.writeln("                        <div class=\'dropdown-menu dropdown-menu-head pull-right\'>");
document.writeln("                         <h5 class=\'title\'>Notifications</h5>");
document.writeln("                        <ul class=\'dropdown-list normal-list\'>");
document.writeln("						 <li class=\'message-list message-scroll-list\'>");
document.writeln("                          <a href=\'#\'>");
document.writeln("                              <span class=\'photo\'> <img src=\'assets/images/users/avatar-8.jpg\' class=\'img-circle\' alt=\'img\'></span>");
document.writeln("                              <span class=\'subject\'>John Doe</span>");
document.writeln("                              <span class=\'message\'> New tasks needs to be done</span>");
document.writeln("                               <span class=\'time\'>15 minutes ago</span>");
document.writeln("                          </a>");
document.writeln("                          ");
document.writeln("                          <a href=\'#\'>");
document.writeln("                              <span class=\'photo\'> <img src=\'assets/images/users/avatar-7.jpg\' class=\'img-circle\' alt=\'img\'></span>");
document.writeln("                              <span class=\'subject\'>John Doe</span>");
document.writeln("                              <span class=\'message\'> New tasks needs to be done</span>");
document.writeln("                               <span class=\'time\'>10 minutes ago</span>");
document.writeln("                          </a>");
document.writeln("                        ");
document.writeln("                          <a href=\'#\'>");
document.writeln("                              <span class=\'photo\'> <img src=\'assets/images/users/avatar-6.jpg\' class=\'img-circle\' alt=\'img\'></span>");
document.writeln("                               <span class=\'subject\'>John Doe</span>");
document.writeln("                               <span class=\'message\'> New tasks needs to be done</span>");
document.writeln("                              <span class=\'time\'>20 minutes ago</span>");
document.writeln("                          </a>");
document.writeln("                         ");
document.writeln("                          <a href=\'#\'>");
document.writeln("                              <span class=\'photo\'> <img src=\'assets/images/users/avatar-6.jpg\' class=\'img-circle\' alt=\'img\'></span>");
document.writeln("                               <span class=\'subject\'>John Doe</span>");
document.writeln("                               <span class=\'message\'> New tasks needs to be done</span>");
document.writeln("                              <span class=\'time\'>20 minutes ago</span>");
document.writeln("                          </a>");
document.writeln("                        ");
document.writeln("                          <a href=\'#\'>");
document.writeln("                              <span class=\'photo\'> <img src=\'assets/images/users/avatar-6.jpg\' class=\'img-circle\' alt=\'img\'></span>");
document.writeln("                               <span class=\'subject\'>John Doe</span>");
document.writeln("                               <span class=\'message\'> New tasks needs to be done</span>");
document.writeln("                              <span class=\'time\'>20 minutes ago</span>");
document.writeln("                          </a>");
document.writeln("                          ");
document.writeln("                          <a href=\'#\'>");
document.writeln("                              <span class=\'photo\'> <img src=\'assets/images/users/avatar-6.jpg\' class=\'img-circle\' alt=\'img\'></span>");
document.writeln("                               <span class=\'subject\'>John Doe</span>");
document.writeln("                               <span class=\'message\'> New tasks needs to be done</span>");
document.writeln("                              <span class=\'time\'>20 minutes ago</span>");
document.writeln("                          </a>");
document.writeln("						</li>");
document.writeln("						<li class=\'last\'> <a  href=\'#\'>All Messages</a> </li>");
document.writeln("					</ul>");
document.writeln("                        </div>");
document.writeln("                    </li>");
document.writeln("                    <li>");
document.writeln("                        <a href=\'#\' class=\'btn btn-default dropdown-toggle\' data-toggle=\'dropdown\'>");
document.writeln("                            <img src=\'assets/images/users/avatar-6.jpg\' alt=\'\' />");
document.writeln("                            John Doe");
document.writeln("                            <span class=\'caret\'></span>");
document.writeln("                        </a>");
document.writeln("                        <ul class=\'dropdown-menu dropdown-menu-usermenu pull-right\'>");
document.writeln("                          <li> <a href=\'#\'> <i class=\'fa fa-wrench\'></i> Settings </a> </li>");
document.writeln("                          <li> <a href=\'#\'> <i class=\'fa fa-user\'></i> Profile </a> </li>");
document.writeln("                          <li> <a href=\'#\'> <i class=\'fa fa-info\'></i> Help </a> </li>");
document.writeln("                          <li> <a href=\'#\'> <i class=\'fa fa-lock\'></i> Logout </a> </li>");
document.writeln("                        </ul>");
document.writeln("                    </li>");
document.writeln("");
document.writeln("                </ul>");
document.writeln("            </div>");
document.writeln("            <!--notification menu end -->");
document.writeln("");
document.writeln("        </div>");